/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}

/*
* PcMode
*/
body:after {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    content: 'Pc';
}
.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
img[data-srcloaded] { opacity:1; filter: alpha(opacity=100); }

/*
* 笔记本下
*/
@media only screen and (max-width: 1441px) {
    .wrap, .mwrap {width:1200px;}

    .header .inav_wrapper .nav_li{}
    .header.fixed  .inav_wrapper .nav_li{}
    .header .logo a{width:85%;}
    .header .logo{}
    .header.fixed .logo {}
    .header .dropdown .left{width:16%; min-height:340px; padding-top:30px;}
    .header .dropdown .right{padding-top:30px; width:84%;}
    .header .dropdown .right .infor .box{padding-left:50px;}
    .header .dropdown .right .infor .tit{line-height:38px;}
    .header .dropdown .left ul li{line-height:35px;}
    .header .dropdown .left ul li,
    .header .dropdown .left dl dt,
    .header .dropdown .left dl dd{padding-left:30px;}


    /* 首页 */

    

    /* xc_banner */
    .xc_banner{position:relative; overflow:hidden; height:384px;}
    .xc_banner img {position:absolute;width:1500px;left:50%;margin-left:-750px;max-width:none;}
    .xc_banner .content .tit{font-size:35px;}

    .channel_content{padding:50px 0;}



    /* 新闻列表 */
    .news_list01 .hd .box .hd_tit{margin-right:3%; font-size:20px;}
    .news_list01 ul .rect-528 {padding-bottom:49.8%;}
    .news_list01 ul li .intro .box .tit{font-size:20px; line-height:31px; height:62px;}
    .news_detail02{padding:50px 0;}
    .news_detail02 .tit{font-size:33px;}
    .news_detail02 .content .item .t{font-size:20px; line-height:31px; height:62px;}


}

/*
* PadMode
*/
@media only screen and (max-width: 1240px) {

    body:after {
        content: 'Pad';
    }
    body{ user-select: none;-webkit-user-select: none;}
    html { overflow-x:hidden;}
    body,input,textarea,button,select { font-size:14px;}
    .PcPush{display: none;}
    .UnpcPush{display: block;}
    .wrap, .mwrap { width:940px; }
    /*padMode 1240px 网站样式*/
    /* 头部 */
    .header .logo{padding: 15px 0;}
    .header .h_tools{padding: 28px 0;}
    .search-alert .cent-form{height:53px; line-height:53px;}
    .search-alert .cent-form form .inp{height:53px; line-height:53px;}
    .search-alert .close{padding:35px}
    .header .mobile_key{display:block; font-size:20px; color:#555; cursor:pointer; margin-left:30px;}
    .header:hover .header .mobile_key{color:#555;}
    .header.fixed .header .mobile_key{color:#555;}
    .header .inav{display:none;}
    /*------------------手机端下拉---------------------*/
    .m_nav{position:fixed; left:0; top:91px; right:0; width:100%; background:#5e5e5e ; z-index:20; display:none; max-height:calc(100vh - 55px); max-height:calc(var(--vh, 1vh) * 100 - 55px); overflow-y:auto;} 
    .m_nav .m_wrap{padding:0 5%;}
    .m_nav .mNav_bott .m_navli{position:relative; transition:all 0.3s ease-out; border-bottom:solid 1px #747373;}
    .m_nav .mNav_bott .m_navli:last-child{border-bottom:none;}
    .m_nav .mNav_bott .m_navli>a{display:block; padding:15px 35px 15px 15px; font-size:14px; position:relative; overflow:hidden; color:#fff;}
    .m_nav .mNav_bott .m_navli>a:hover{color:#fff;}
    .m_nav .mNav_bott .m_navli>a:after,
    .m_nav .mNav_bott .m_navli>a:before{content:''; background:#fff; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
    .m_nav .mNav_bott .m_navli>a:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
    .m_nav .mNav_bott .m_navli>a:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
    .m_nav .mNav_bott .m_navli.active{background:#414141;}
    .m_nav .mNav_bott .m_navli.active>a:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#fff;}
    .m_nav .mNav_bott .m_navli.active>a:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#fff;}
    .m_nav .mNav_bott .m_navli.active>a{/*border-bottom:solid 1px #58a3e7;*/ font-weight:bold;}
    .m_nav .mNav_bott .m_navli .m_secNav{display:none;}
    .m_nav .mNav_bott .m_navli .m_secNav .li-title{width:100%; padding:8px 25px; border-top:solid 1px #747373; padding-top:18px; box-sizing:border-box; color:#fff; font-size:13px; position:relative;} 
    .m_nav .mNav_bott .m_navli .m_secNav .li-title a{padding:5px 0 5px 25px; display:block; position:relative; font-size:14px; line-height:1.25; transition:all 0.3s ease-out;} 
    .m_nav .mNav_bott .m_navli .m_secNav .li-title a:after{content:''; width:15px; height:15px; background:url(../img/m_anniu1.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-7px; background-size:cover;}
    .m_nav .mNav_bott .m_navli .m_secNav ul{font-size:0; padding-bottom:18px;}
    .m_nav .mNav_bott .m_navli .m_secNav li{font-size:14px;}
    .m_nav .mNav_bott .m_navli .m_secNav li>a{padding:8px 25px; line-height:28px; display:block; position:relative; color:#fff;}
    .m_nav .mNav_bott .m_navli .m_secNav li>a:hover{color:#fff;}

    .m_nav .mNav_bott .m_navli02>a:after,
    .m_nav .mNav_bott .m_navli02>a:before{content:''; background:#fff; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
    .m_nav .mNav_bott .m_navli02>a:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
    .m_nav .mNav_bott .m_navli02>a:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
    .m_nav .mNav_bott .m_navli02.active{background:#414141;}
    .m_nav .mNav_bott .m_navli02.active>a:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#fff;}
    .m_nav .mNav_bott .m_navli02.active>a:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#fff;}
    .m_nav .mNav_bott .m_navli02.active>a{/*border-bottom:solid 1px #58a3e7;*/ font-weight:bold;}

    .m_nav .mNav_bott .m_navli .m_thrNav{display:none;}
    .m_nav .mNav_bott .m_navli .m_thrNav .li-title{width:100%; padding:8px 25px; border-top:solid 1px #747373; padding-top:18px; box-sizing:border-box; color:#fff; font-size:13px; position:relative;} 
    .m_nav .mNav_bott .m_navli .m_thrNav .li-title a{padding:5px 0 5px 25px; display:block; position:relative; font-size:14px; line-height:1.25; transition:all 0.3s ease-out;} 
    .m_nav .mNav_bott .m_navli .m_thrNav .li-title a:after{content:''; width:15px; height:15px; background:url(../img/m_anniu1.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-7px; background-size:cover;}
    .m_nav .mNav_bott .m_navli .m_thrNav ul{font-size:0; padding-bottom:18px;}
    .m_nav .mNav_bott .m_navli .m_thrNav li{font-size:14px;}
    .m_nav .mNav_bott .m_navli .m_thrNav li>a{padding-left:30px; line-height:28px; display:block; position:relative; color:#fff;}
    .m_nav .mNav_bott .m_navli .m_thrNav li>a:hover{color:#fff;}


    /*无连接的话去掉加号*/
    .m_nav .mNav_bott .m_navli.nav_link>a:after,
    .m_nav .mNav_bott .m_navli.nav_link>a:before{display:none;}
    .m_nav .mNav_bott .m_navli.nav_link.active>a:before,
    .m_nav .mNav_bott .m_navli.nav_link.active>a:before{display:none;}
    .m_nav .mNav_bott .m_navli.nav_link a:after{content:''; display:block; width:16px; height:16px; background:url(../img/link_ico.png) no-repeat center; position:absolute; top:0; bottom:0; right:15px;}

    /*------------------手机端下拉 end-----------------*/
   
    /*导航下拉*/
    .header .mobile_key{position:relative; cursor:pointer; transition:all 0.3s ease-in-out; z-index:10; display:block; width:20px; height:20px;} 
    .header .mobile_key span,
    .header .mobile_key:before,
    .header .mobile_key:after {position:absolute; top:50%; left:50%; width:17px; height:2px; margin-left:-10px; background:#fff; border-radius:2px; display:inline-block; transition:all 0.3s ease-in-out;}
    .header .mobile_key span{margin-top:-8px;}
    .header .mobile_key:before{content:''; margin-top:-1px;}
    .header .mobile_key:after{content:''; margin-top:6px;}
    .menu-open.header .mobile_key:before{opacity:0; transition:0.2s ease 0.1s;}
    .menu-open.header .mobile_key:after{margin-top:2px !important; -webkit-transform:rotateZ(-45deg); transform:rotateZ(-45deg); transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s; transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;}
    .menu-open.header .mobile_key span{margin-top:2px !important; -webkit-transform:rotateZ(45deg); transform:rotateZ(45deg); transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;}

    /*下拉黑色背景*/
    .header .header-overlay {transition:all 0.2s ease-out; background:rgba(0, 0, 0, 0.5); width:100%; height:100%; position:fixed; left:0; z-index:-1; top:0; opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; visibility:hidden;}
    .bg-open .header .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;}
    .bg-open1 .header .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;}
    .menu-open .header .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;}
    .header .h_tools .h_language.mobile_language{display:block;}
    .header .h_tools .h_language.pc_language{display:none;}


    .header.fixed .mobile_key span,
    .header.fixed .mobile_key:before,
    .header.fixed .mobile_key:after{background:#666}
    .header:hover .mobile_key span,
    .header:hover .mobile_key:before,
    .header:hover .mobile_key:after{background:#666}
    .header.menu-open .mobile_key span,
    .header.menu-open .mobile_key:before,
    .header.menu-open .mobile_key:after{background:#666}

    .header .h_tools .h_lan{padding: 0!important;}

    /* 首页 */


    /* 新闻列表 */
    .news_list01 .hd .box .sele_wrap, 
    .news_list01 .hd .box .inp_box_wrap{width:22%;}
    .news_list01 ul .rect-528{padding-bottom:67%;}
    .news_list01 ul li .intro .box .tit,
    .news_list01 ul li.noimg .img .box .t{ font-size:22px; line-height:34px; height:68px;}

    /* 新闻详细 */
    .news_detail02 .content .item{padding:25px;}
    .news_detail02 .content .item .t{font-size:22px;}

    /* 联系我们 */
    .business01 .left .box{padding:30px 20px;}
    .business01 .left .box .form .inp_box{padding:15px 0;}
    .business01 .left .box .infor .tit{font-size:30px;}
    .business01 .left .box .form .inp_box{width:100%;}
    .business01 .right .box{padding:30px 0;}
    .business01 .right .box .infor .tit{font-size:30px;}



}
@media only screen and (max-width: 992px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:740px; }
    /*padMode 992px 网站样式*/
    /* 头部 */
    .header .logo{padding: 15px 0;}
    .header .h_tools{padding: 25px 0;}

    .f_top{height: 240px;}

    .m_nav{top:90px;}
    .search-alert .cent-form{width:75%; padding-left:4%;}
    .search-alert .cent-form form .inp{width:65%;}

    /* 公共按钮 */
    .common-btn{line-height:45px; height:45px;}
    .common-border-btn{line-height:45px; height:45px;}

    /* 首页 */
    .ipart01 .title{font-size: 28px;margin: 40px 0;}
    .ipart01 .pic .t{font-size: 22px;}
    .ipart01 .con .item .tit{font-size: 18px;}
    .ipart01 .pic .c{font-size: 14px;}

    .ipart02 .list .font p{font-size: 18px;}
    .ipart02{margin: 50px 0;}
    
    /* xc_nav */
    .xc_nav{line-height:60px; height:60px;}
    .xc_nav .left ul li{padding:0 15px;}

    /* xc_banner */
    .xc_banner{position:relative; overflow:hidden; height:307px;}
    .xc_banner img {position:absolute;width:1200px;left:50%;margin-left:-600px;max-width:none;}
    .xc_banner .content{bottom:60px;}
    .xc_banner .banner_mouse{bottom:0;}
    .xc_banner .content .tit{font-size:30px;}


    /*新闻列表*/
    .news_list01 .list_bd .list_main{width:80%;}
    .news_list01 .list_bd .list_main .bd_c .list_title{font-size:20px;}

/*产品列表*/
    .pro_list .product_list.row>.span-4 {width: calc((100% - 40px) / 3);margin-right: 20px;margin-left:0;}
    .pro_list .product_list.row>.span-4:nth-child(3n){margin-right:0;}

    /* 新闻详细 */
    .news_detail01 .top_ .title{font-size:25px;}
    .news_detail01 .top_ .date{font-size:18px;}
    
    /* 联系我们 */
    .business01 .left{width:50%;}
    .business02{height:350px;}
    
}
/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
    body:after {
        content: 'Mobile';
    }
    body,input,textarea,button,select {font-size:14px; font-weight:normal;}
    .UnmobilePush{display: none;}
    .MobilePush{display:block;}
    img[data-src]{opacity: 1;}
    .wrap, .mwrap { padding-left:2%; padding-right:2%; width:auto; }
    .mwrap .wrap { padding-left:0; padding-right:0; }

    /*移动端防恶意复制信息*/
    * {
        -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
        -webkit-user-select:none; /*webkit浏览器*/   
        -khtml-user-select:none; /*早期浏览器*/   
        -moz-user-select:none;/*火狐*/   
        -ms-user-select:none; /*IE10*/   
        user-select:none; 
    }
    input { -webkit-user-select:auto; /*webkit浏览器*/   }
    textarea { -webkit-user-select:auto; /*webkit浏览器*/   }
    /*mobileMode 760 网站样式*/
    /* 头部触控及吸顶 */
    .header{background:#fff; border-bottom:0; box-shadow:0 0 15px rgba(0,0,0,.2)}
    header{height: 60px;}
    .header.fixed .logo {padding: 10px 0 0; }
    .header .inav_wrapper .nav_li{color:#000;}
    .header .logo{padding: 10px 0 0;}
    .header .h_tools{padding: 20px 0;}
    .header .mobile_key span,
    .header .mobile_key:before,
    .header .mobile_key:after{background:#666}
    .header .mobile_key,
    .menu-open.header .mobile_key span,
    .menu-open.header .mobile_key:after{margin-top:-1px!important;}
    .m_nav{top: 60px;}
    .header .h_tools .h_lan span{color: #333;}
    .header .h_tools .h_lan .lan_down{width: 80px;top: 42px;}

    .f_top{height: 140px;}
    .f_bott{padding: 10px 0;}
    .f_bott .f_nav{display: none;}
    .f_bott .f_lx{margin-top: 0;display: none;}
    .f_bott .f_lx span{display: block;margin-bottom: 5px;}
    .f_bott .r{display: none;}
    .f_bott .f_copy span{margin-top: 10px;}

    .channel_content{padding:20px 0;}

    /* 公共按钮 */
    .common-btn{font-size:14px;line-height:40px;height:40px;padding: 0 24px 0 24px;}
    .common-btn span.icon{right:27px;}
    .common-btn:hover span.icon{right:22px;}
    .common-border-btn{font-size:14px; line-height:40px; height:40px; padding:0 50px 0 24px;}
    .common-border-btn span.icon{right:27px;}
    .common-border-btn:hover span.icon{right:22px;}
    .noborder-btn{font-size:14px;}
    .more_btn {width: 160px; border: 2px solid #fff; padding: 11px 18px; font-size: 14px;}



    /* 首页 */
    .ibanner{height:0;padding-bottom: 120%;}
    .ibanner .item{height:0;padding-bottom: 120%;}
    .ibanner .owl-item .item .banner_img>img{width:100%; position:static; margin-left:0;}
    .ibanner .item .ibanner_word{top: 40%;}
    .ibanner .item .iban_entit{font-size:23px; line-height:23px;}
    .ibanner .item .iban_tit{font-size:20px; line-height:20px;}
    .ibanner .owl-carousel .owl-dot{width: 30px;height: 8px;background-size:cover;margin:0 7px;}
    .ibanner .owl-carousel .owl-dot.active{background-size:cover;}
    .ibanner .item .iban_con{display:none;}
    .ibanner .item .ibanner_word .tl1{font-size: 20px;color:#fff;font-weight:bold;}
    .ibanner .item .ibanner_word .tl2{font-size: 14px;color:#fff;animation-delay: 1s;}


    .ipart .infor .tit_cn {font-size: 20px; text-align: center; }
    .ipart .infor .tit_en{font-size: 22px;}

    .ipart01 .combtn{margin-bottom: 20px;}
    .ipart01 .title{font-size: 24px;margin: 30px 0;}
    .ipart01 .content .pic{position: relative;width: 100%;padding:30px 20px;}
    .ipart01 .pic .line{margin: 10px 0;}
    .ipart01 .pic .t{font-size: 18px;}
    .ipart01 .pic .c{font-size: 13px;}
    .ipart01 .content .con{float: none;width: 100%;padding: 0 20px;}
    .ipart01 .con .item .tit{font-size: 16px;text-align: center!important;}


    .ipart03 .content{padding: 40px 2%;}
    .ipart03 .infor{margin: 30px 0;}
    .ipart03 .con .text{font-size: 16px;}
    .ipart03 .line{margin: 30px 0;}


    /* xc_banner */
    .xc_banner{height:205px;}
    .xc_banner img{width:800px; margin-left:-400px;}
    .xc_banner .content{bottom:40px;}
    .xc_banner .content .tit{font-size:18px;}
    .xc_banner .banner_mouse{right:10px;}
    
    /* xc_nav */
    .xc_nav {display:none;}

    .about_us01 .content .up .box .en_tit{font-size: 18px;line-height:20px;}
    .about_us01 .content .up .box .cn_tit{font-size:20px;line-height:25px;margin-bottom: 20px;}





    /*资质荣誉*/
    .channel_content.honor{padding-bottom:0px;}
    .honor .row>.span-4{width:99%;}

    .project .row>.span-4{width:99%;}



/*产品列表*/
    .pro_list .product_list.row>.span-4 {width:100%;margin-right:0;margin-left:0}

    /*新闻列表*/
    .news_list01 .list_bd .list_box{padding:20px 0; border-bottom: 1px solid #e7e7e7;}
    .news_list01 .list_bd .list_main{width:100%; padding:0; border:none;}
    .news_list01 .list_bd .list_main .bd_r{width:30%; margin-top:15px;}
    .news_list01 .list_bd .list_main .bd_c .list_title{font-size:16px;}
    .news_list01 .list_bd .list_main .bd_c .list_p{white-space:nowrap; overflow:hidden; line-height:28px; height:28px; text-overflow: ellipsis;}
    .news_list01 .list_bd .list_main .bd_c .list_tool{padding:5px 0;}
    .news_list01 .list_bd .list_main .bd_c .list_tool .share_more{display:none;}


    /* 新闻详细 */
    .xc_banner .content .con a{width:30px;height:30px;line-height:30px;font-size:12px;}
    .news_detail01 .top_{margin-bottom:20px;}
    .news_detail01 .top_ .title{font-size:20px; margin-bottom:20px;}
    .news_detail01 .top_ .date{font-size:14px; margin-bottom:20px;}
    .news_detail01 .bott_ .bott_l{display:none;}
    .news_detail01 .bott_ .bott_r{width:100%; font-size:14px;}
    .news_detail02{padding:20px 0 0; background-size:cover;}
    .news_detail02 .tit{font-size:20px; margin-bottom:20px;}
    .news_detail02 .content .item{padding:20px; margin-bottom:20px;}
    .news_detail02 .content .item .t{font-size:18px; margin-bottom:10px; line-height:25px; height:50px;}
    .news_detail02 .content .item .date{margin-bottom: 10px;}


    /*产品详情*/
    .pro_detail { padding-bottom: 80px; }
    .pro_detail { background: #f0f0f0; padding: 30px 0px 80px; }
    .pro_detail .detail_l {width: 100%;}
    .pro_detail .l_box {float: none;width: 100%;}
    .pro_detail .r_box{float:none;width:100%;}
    .pro_detail .r_box h1{font-size: 20px;color: #333;margin-bottom: 10px;margin-top: 20px;}
    .pro_detail .r_box .line{width:100%;height:1px;background: #151981;}
    .pro_detail .r_box .sub{font-size: 16px;font-weight:bold;color:#333;margin-top:10px;}
    .pro_detail .r_box .use{margin-top:30px;margin-bottom: 10px;}
    .pro_detail .r_box .use li{float: none;width: 100%;margin-bottom: 20px;}
    .pro_detail .r_box .use li h2{font-size:18px;color:#333;margin-bottom:10px;}
    .pro_detail .r_box .use li p{font-size:16px;color:#333;}
    .pro_detail .r_box .d_con{margin-top:30px;}
    .pro_detail .r_box .d_con p{font-size: 14px;line-height:1.75;}


    /* 联系我们 */
    .business01 .left{width:100%;}
    .business01 .left .inner{position:static;}
    .business01 .left .box{padding:20px;}
    .business01 .left .box .infor .tit{font-size:20px;}
    .business01 .left .box .infor .con{font-size:14px; margin-bottom:20px;}
    .business01 .left .box .form .inp_box label{font-size:14px;}
    .business01 .right{width:100%;}
    .business01 .right .box{padding:20px 0;}
    .business01 .right .box .infor .tit{font-size:20px;}
    .business01 .right .box .infor .con{font-size:14px; margin-bottom:20px;}
    .business01 .right .box ul li{margin-bottom:8px;}
    .business01 .right .box ul li span{font-size:14px;}



}
@media only screen and (max-width: 480px) {
    /*mobileMode 480 网站样式*/

}